html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}
.circle a{
    font-size: 0px!important;
}
* {
    box-sizing: border-box;
}

footer {
    color: white;
    padding: 0 0;
    text-align: center;
    position: relative;
    z-index: 3;
}
.container {
    height: 100vh;
    margin: 0 0;
    background-color: #f0f0f0;
    padding: 10px 0;
    font-size: 32px;
    font-family:'Indie Flower';
}
#imagefontfixe{
    position: fixed;
    z-index: -1;
}
@media (min-width: 1550px) {
    .circle{
        width: 90px; 
        height: 90px; 
    }
}
@media (max-width: 1550px) {
    .circle{
        width: 60px; 
        height: 60px; 
    }
}
@media (max-width: 1300px) {
    #menucontact p{
        font-size: 20px;
    }
}
@media (max-width: 1180px) {
    #menucontact p{
        font-size: 15px;
    }
}
@media (max-width: 1250px) {
    #menucontact .contentcircle{
        display: none!important;
    }
}
@media (min-width: 1300px) {
    header,main{
        margin-left: 15%;
    }
    .container {        
        width: 15%;
    }
    .sousmenu{
        display: none;
    }
    nav li {
        padding: 2vh 0;
        display: inline-block;
    }
    #imagefontfixe{
        width: 100%;
        height: 100vh;
        top: 0;
    }
}
@media (max-width: 1300px) {
    #imagefontfixe{
        width: 174%;
        height: 56vh;
        bottom: 0;
    }
    header,main{
        margin-left: 0;
    }
    .container {        
        width: 10%;
        height: auto;
    }
    .nav .menu{
        display: none;
    }
    .sousmenu li{        
        margin: 0 15%;    
        display: flex;
    }
    nav li {
        padding: 0 0;
        display: inline-block;
        margin: 0 10px;
    }
}
@media (min-width: 915px) {
    .containerglob1{        
        width: 60%;
        margin-right: 30px;
        margin-top: 40px;
    }
    
    .containerglob2{
        width: 60%;
        margin-right: 30px;
        margin-top: 74px;
    }
    .containerglob img{
        width: 18%;
        height: 100px;
    }  
    .containerglob p{
        width: 40%;
    }
    .circle {
        margin: 0 40px;
    }
}
@media (max-width: 915px) {
    .containerglob,.containerglob1{
        flex-direction: column;
    }
    .containerglob1{
        width: 80%;
        margin-right: 0;
        margin-top: 0;
    }
    .containerglob2{
        width: 80%;
        margin-right: 0;
        margin-top: 0;
    }
    .containerglob img {
        width: 36%;
        display: list-item;
        justify-self: center;
    }
    .containerglob p{
        width: 100%;
    }
    .circle {
        margin: 0 5%;
    }
    .containerglob{
        align-items: center;   
    } 
    
    .containerglob1{
     margin-top: 20px; 
    }
}

#adresse span{
    line-height: 0px;
}
.select{
    background-color: #cacaca;
}
.nav{
    position: fixed;
    text-align: center;
    top: 0;
    z-index: 2;
    left: 0;
}
.nav img{
    padding:0;
    margin: 0;
    width: 100%;
}
.nav .logo{
    padding:0;
    margin: 0;
    width: 80%;
    align-self: center;
}
p,h2{
    font-family:'Indie Flower';
}
p,a{
    font-size: 22.5px;
}
    nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        
    }

    nav a {
        text-decoration: none;
        color: #333;
        font-size: 25px;
    }

.containerglob{
    background-color: #333;
    float: right;
    width: 100%;
    display: flex;
}  

.containerglob p {
    float: left;
    font-size: 20px;
    line-height: 40px;
    margin: 0;
    margin-top: 20px;
}
.containerglob a {
    color: white;      
    font-size: 20px;
}
.containerglob1{
    background-color: #a5a5a5;
    float: right;
    display: flex;
    align-items: center;
}
.containerglob2 p{
    color: black;
    width: 100%;
    font-size: 20px;
}
.containerglob2{
    background-color: #d5d5d5;
    float: right;
}


.circle {    
    background-color: #C36451; /* Couleur de fond noire */
    border-radius: 50%; /* Pour faire un cercle */
    display: flex; /* Utiliser Flexbox pour centrer l'image */
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    overflow: hidden; /* Pour s'assurer que l'image reste dans le cercle */   
}
.contentcircle{
    width: 100%;
    display: inline-flex;
    justify-content: center;
    margin-bottom: 20px;
}
.circle img {
    width: 60%; /* Ajuster la taille de l'image pour qu'elle s'adapte bien dans le cercle */
    height: auto; /* Maintenir le ratio d'aspect de l'image */
}
#menucontact .circle{
    margin: 0 10px;
}
#menucontact p{
    border-top: 0.5px solid #cacaca;
    line-height: 50px;
    margin: 0;
}
body.no-scroll {
    overflow: hidden; /* Disable scrolling */
}
.blocimageszoom {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99;
    justify-content: center;
    align-items: center;
    overflow: auto;
}

#imagefontfixe img{
    width: 100%;
}
/* Enlarged image */
.imagezoom {
    max-width: 90%;
    max-height: 90%;
    border: 2px solid white;
    border-radius: 10px;    
}
.telephone{
    padding: 8px 25px;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    text-decoration: none;
    font-family: 'Indie Flower';
}